/* 外边距折叠和高度塌陷的问题解决 */
.clearfix::before,
.clearfix::after{
    content: '';
    display: table;
    clear: both;
}

/* 字体的基本颜色 */
body{
    font:14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
    color:#333;
    /* 网页的内容都是在body当中的，但是整体容器的宽度是固定的，当屏幕变窄时，body也变窄，
    当屏幕宽度小于网页容器宽度时，就会导致内容从body当中溢出，可能会在屏幕缩小时布局变乱
    所以我们可以通过设置body的最小宽度来解决这个问题。
    */
    min-width: 1226px;
}

/* 网页的宽度基本上是固定的，所以可以设置一个固定的宽度*/
.w{
    width: 1226px;
    margin: 0 auto;
}

/* 去除a的下划线 */
a{
    text-decoration: none;
}